

<p-accordion [multiple]="true">
  <p-accordionTab header="el-checkbox">
    <el-checkbox [(model)]='check' trueLabel='trueLabel' >备选项{{check}}</el-checkbox>

  </p-accordionTab>

  <p-accordionTab header="el-checkbox-button">
    <el-checkbox-button [(model)]='check' trueLabel='trueLabel' >备选项{{check}}</el-checkbox-button>

  </p-accordionTab>

  <p-accordionTab header="el-checkbox-group">
    <el-checkbox-group  fill='red' max=3 min=1 [checkboxList]='checkboxList' [model]='selected' >备选项{{check}}</el-checkbox-group>
    <p><span *ngFor="let city of selected">{{city}}</span></p>

  </p-accordionTab>

  <p-accordionTab header="el-input">
    <el-input size='small' icon='query' [value]='elIptValue' name='el-ipt-01'>
      <div class="el-input-prepend">this is prepend</div>
      <div class="el-input-append">{{elIptValue}}</div>
    </el-input>

    <el-input type='textarea' (focus)='handleFocus($event)' [autosize]='{minRows:6,maxRows:8}'  size='large' icon='query' [(model)]='elIptValue' >
     
    </el-input>

  </p-accordionTab>

  <p-accordionTab header="el-checkbox-number">
      <el-input-number></el-input-number>
      <el-input-number size='large' step=3 max=20 min=0>
          <ng-container class="el-input-number-prepend">this</ng-container>
          
      </el-input-number>

  </p-accordionTab>

  <p-accordionTab header="el-checkbox-scrollbar">
      <el-bar></el-bar>
      <el-scrollbar tag='ul'>
          <ng-container *ngFor="let item of barList">
              <li>{{item}}</li>
          </ng-container>
      </el-scrollbar>
  </p-accordionTab>
  <p-accordionTab header="el-autocompolete">
      <el-autocomplete [suggestions]='restaurants'></el-autocomplete>
    
  </p-accordionTab>

  


</p-accordion>
